<template>
    <div>
        用户名: <input v-model="username" type="text"><br>
        自我介绍:
        <textarea v-model="intro" name="" id="" cols="30" rows="10"></textarea><br>
        来自于:
        <select v-model="from">
            <option value="hs">黄石</option>
            <option value="dy">大冶</option>
            <option value="jz">荆州</option>
            <option value="wh">武汉</option>
            <option value="sy">十堰</option>
        </select><br>
        兴趣爱好:
        <input v-model="hobby" value="smoking" type="checkbox" /> 抽烟
        <input v-model="hobby" value="drink" type="checkbox" /> 喝酒
        <input v-model="hobby" value="hotHead" type="checkbox" /> 烫头
        <br>
        全选 <input v-model="isAll" type="checkbox" />
    </div>
</template>
<script>
export default {

    data() {
        return {
            username: 'Hello',
            intro: '',
            from: '',
            hobby: [],
            isAll: true
        }
    }
}
</script>

<style>

</style>